<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../../favicon.ico" rel="shortcut icon" />
<link href="../../base.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../../jquery/jquery.js" type="text/javascript"></script>
<script src="../../ux/jquery.ux.js" type="text/javascript"></script>
<script src="../../align/jquery.align.js" type="text/javascript"></script>
<script src="../../ux.popdown/jquery.ux.popdown.js" type="text/javascript"></script>
<link href="../../ux.suggest/jquery.ux.suggest.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../../ux.suggest/jquery.ux.suggest.js" type="text/javascript"></script>
<title>jquery.ux.suggest</title>
</head><body>

<a href="./">&laquo; Index</a>

<script type="text/javascript">
jQuery(function($){
	$('#inp').suggest({
		source: $('#src').attr('href'),
		select: function( entry ){ 
			return $.trim( entry.split('(').shift() );
			},
		});
	});
</script>

<h2>ux.suggest / ajax</h2>

<p><input type="text" id="inp" /></p>

<a href="actors.txt" id="src">Actor List</a>

</body></html>